<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
<title>皇甫酱菜</title>
</head>
<body>
 
		<!-- desktop bar -->
		<section class="desktop-bar">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
					 <h3>Contact Us</h3>
					</div>
					<div class="col-sm-8">
						<ol class="breadcrumb hidden-xs pull-right">
							<li><a href="#">Home</a></li>
							<li class="active"><a href="#">Contact Us</a></li>
						</ol>
					</div>
				</div>
			</div>
		</section>
		
		<!-- contact us -->
		<section>
			<div class="container">
				<div class="row pice-map">
					<div class="col-sm-3">
						<div class="thumbnail">
							<img src="${pageContext.request.contextPath}/resources/images/dhaka-2.jpg" alt="">
							<div class="caption text-center">
								<h4>Meldonya</h4>
								<strong>Pakistan</strong>
								<p>Nam apeirian assentior utquo eros posse verterem. Cum error congue saperet wisi mollis facilis.</p>
							</div>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail">
							<img src="${pageContext.request.contextPath}/resources/images/dhaka-2.jpg" alt="">
							<div class="caption text-center">
								<h4>Meldonya</h4>
								<strong>Pakistan</strong>
								<p>Nam apeirian assentior utquo eros posse verterem. Cum error congue saperet wisi mollis facilis.</p>
							</div>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail">
							<img src="${pageContext.request.contextPath}/resources/images/dhaka-2.jpg" alt="">
							<div class="caption text-center">
								<h4>Meldonya</h4>
								<strong>Pakistan</strong>
								<p>Nam apeirian assentior utquo eros posse verterem. Cum error congue saperet wisi mollis facilis.</p>
							</div>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail">
							<img src="${pageContext.request.contextPath}/resources/images/dhaka-2.jpg" alt="">
							<div class="caption text-center">
								<h4>Meldonya</h4>
								<strong>Pakistan</strong>
								<p>Nam apeirian assentior utquo eros posse verterem. Cum error congue saperet wisi mollis facilis.</p>
							</div>
						</div>
					</div>
				</div>	
				<div class="row big-map">
					<div class="col-sm-12">
						<!-- google map -->
						<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d233667.82239186848!2d90.279237521418!3d23.78088745652823!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755b8b087026b81%3A0x8fa563bbdd5904c2!2sDhaka+1000-1200!5e0!3m2!1sen!2sbd!4v1452580729106" width="100%" height="320" allowfullscreen></iframe>
					</div>
				</div>	
				<div class="row">
					<div class="col-sm-6">
						<h2 class="t-color-6">Get In Touch</h2>
						<div class="heading-border b-color-6"></div>
						<p>Lorem ipsum dolor sit amet, no mea aeterno indoctum percipitur. Homero quaerendum ius ei. In pro decore tamquam 									appetere, ea mentitum mediocrem efficiantur quo. Quo no assentior conclusionemque ceteros accusata.</p>
						<ul class="media-list other-address">
							<li class="media">
								<div class="media-left">
									<i class="fa fa-map"></i>
								</div>
								<div class="media-body">
									<p>Lebel 2, 13 Elezabe, +8492575, USA</p>
									<p> Melbounire, Victoria 3000, +8492575, USA</p>
								</div>
							</li>
							<li class="media">
								<div class="media-left">
									<i class="fa fa-envelope-o"></i>
								</div>
								<div class="media-body">
									<p>support@gmail.com</p>
									<p>example@gmail.com</p>
								</div>
							</li>
							<li class="media">
								<div class="media-left">
									<i class="fa fa-mobile"></i>
								</div>
								<div class="media-body">
									<p>+880183947930</p>
									<p>+(980)1839479</p>
								</div>
							</li>
							<li class="media">
								<div class="media-left">
									<i class="fa fa-clock-o"></i>
								</div>
								<div class="media-body">
									<p>From Monday to Friday</p>
									<p>9.00 AM to 5.00 PM</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="col-sm-6">
						<h2 class="t-color-6">FeedBack</h2>
						<div class="heading-border b-color-6"></div>
						<div class="row form">
							<div class="col-sm-6">
								<div class="form-group">
									<input type="text" class="form-control" id="exampleInputEmail1" placeholder="Name">
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
								</div>
							</div>
							<div class="col-sm-12">
								<div class="form-group">
									<input type="text" class="form-control" id="exampleInputEmail1" placeholder="Subject">
								</div>
							</div>
							<div class="col-sm-12">
								<div class="form-group">
									<textarea class="form-control" rows="8" placeholder="Message"></textarea>
								</div>
								<button class="btn btn-Primary btn-lg" type="submit">Send Message</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
    </body>
</html>